﻿html {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

/* main layout
----------------------------------------------------------*/
.content-wrapper {
    border: 0px solid #FF9900;
    margin: 0 auto;
    max-width: 960px;
}

#headerbackground {
    height: 74px;
    background-color: #22A7FF;
}

#body {
    background-color: #FFFFFF;
    clear: both;
    padding-bottom: 35px;
}

.main-content {
    border: 0px solid #009933;
    background: url("../Images/accent.png") no-repeat;
    padding-left: 10px;
    padding-top: 0px;
}


footer {
    clear: both;
    background-color: #FFFFFF;
    font-size: .8em;
    height: 100px;
}

.webgrid a {
    color: #000;
}

.webgrid-header {
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border-bottom: 2px solid #3966A2;
    height: 40px;
    border-top: 2px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-footer {
    padding: 6px 5px;
    text-align: center;
    background-color: #e8eef4;
    border-top: 2px solid #3966A2;
    height: 30px;
    border-bottom: 2px solid #D6E8FF;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-alternating-row {
    height: 30px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-row-style {
    height: 30px;
    border-bottom: 1px solid #d2d2d2;
    border-left: 2px solid #D6E8FF;
    border-right: 2px solid #D6E8FF;
}

.webgrid-selected-row {
    font-weight: bold;
}

/* menu
----------------------------------------------------------*/
ul#menuZKT {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menuZKT li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menuZKT li a {
            background: none;
            color: #C8C8C8;
            text-decoration: none;
        }

            ul#menuZKT li a:hover {
                color: #333;
                text-decoration: none;
            }

/* forms */

label {
    display: block;
    font-size: 1.0em;
    font-weight: 600;
}

    label.checkbox {
        display: inline;
    }

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 0.95em;
    margin: 5px 0 6px 0;
    padding: 0px;
    width: 180px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

/****Clases de ayuda****/
.divh2 {
    font-size: 1.75em;
    font-weight: bold;
}

.tblvios02 table {
    border: solid 0px #e8eef4;
    border-collapse: collapse;
}

    .tblvios02 table td {
        padding: 0px 2px 0px 2px;
        border: solid 0px #e8eef4;
    }


    .tblvios02 table th {
        padding: 0px 2px 0px 2px;
        text-align: left;
        background-color: #e8eef4;
        border: solid 0px #e8eef4;
    }

.vios160_0 input[type="text"] {
    border: 1px solid #ccc;
    padding: 0px 2px 0px 2px;
    font-size: 1.2em;
    color: #444;
    width: 160px;
}

/*Tres columnas layout*/
/* http://alistapart.com/article/holygrial*/
/* min-width = 2x LF width + 1x RC width*/
#ZKT_body {
    margin: 0px auto 0px auto;
    max-width: 1100px;
    min-width:696px;
}

#ZKT_header {
    /*background-color: #00CC99;*/
}

#ZKT_container {
    /*background-color: #E1E1E1;*/
    padding-left: 0px;
    padding-right: 240px;
    overflow: hidden;
}

#ZKT_footer {
    /*background-color: #FF00FF;*/
}

#ZKT_container .ZKT_column {
    float: left;
    position: relative;
    padding-bottom: 20005px;
    margin-bottom: -20000px;
}

#ZKT_center {
    /*background-color: #FF6666;*/
    width: 100%;
}

    #ZKT_center > div {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

#ZKT_left {
    background-color: #66FF33;
    width: 0px;
    margin-left: -100%;
    right: 0px;
}

    #ZKT_left > div {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

#ZKT_right {
    /*background-color: #9966FF;*/
    width: 240px;
    margin-right: -240px;
}

    #ZKT_right > div {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

#ZKT_footer {
    clear: both;
}

* html #ZKT_left {
    left: 0px;
}
